import React from 'react';
import {withRouter, BrowserRouter as Router, Route, Link} from 'react-router-dom';


const Page = (props)=> {
    console.log(props);
    var pps = JSON.stringify(props);
    return (<div>{pps}</div>);
}

const WRPage = withRouter(Page);

const App = ()=> {
    return (
        <Router>
            <div>
                <WRPage />
                <li><Link to="/abc">Hehe</Link></li>
                <Route path="/abc" component={Page}></Route>
            </div>
        </Router>
    );
}

export default App;

// withRouter 就是让一个 Component 拥有 Route 的 props 对象, 也就是拥有 props 对象中的 match, location, history 对象。
// 借助 history 对象, 可以进行一些 push/pop 操作。
